import React, { Component } from 'react'

export default class GiftCouponPage extends Component {
  render() {
    return (
      <div className={`rt-gcp-container`}>
        <div className={`cm-top-nav-box`}>
          <i className={`iconfont icon-left`} />
          <span>赠券</span>
        </div>

        <div className={`cm-line-text-box`}>
          <span>赠券余额：3,686.90</span>
          <span className={`cm-right-text`}>使用规则</span>
        </div>

        <div className={`rt-gc-box`}>
          <div className={`rt-left-box`}>
            <span>新用户注册赠券</span>
            <span>有效期至 2016年6月30日</span>
          </div>

          <div className={`rt-right-box`}>
            <div className={`rt-wrapper-box`}>
              <span>¥</span>
              <span>100.00</span>
            </div>
          </div>
        </div>

        <div className={`rt-gc-box rt-gc-box-grey`}>
          <div className={`rt-left-box`}>
            <span>新用户注册赠券</span>
            <span>有效期至 2016年6月30日</span>
          </div>

          <div className={`rt-right-box`}>
            <div className={`rt-wrapper-box`}>
              <span>¥</span>
              <span>100.00</span>
            </div>
          </div>
        </div>

        <div className={`rt-gc-box`}>
          <div className={`rt-left-box`}>
            <span>新用户注册赠券</span>
            <span>有效期至 2016年6月30日</span>
          </div>

          <div className={`rt-right-box`}>
            <div className={`rt-wrapper-box`}>
              <span>¥</span>
              <span>100.00</span>
            </div>
          </div>
        </div>

        <div className={`rt-gc-box rt-gc-box-grey`}>
          <div className={`rt-left-box`}>
            <span>新用户注册赠券</span>
            <span>有效期至 2016年6月30日</span>
          </div>

          <div className={`rt-right-box`}>
            <div className={`rt-wrapper-box`}>
              <span>¥</span>
              <span>100.00</span>
            </div>
          </div>
        </div>
      </div>
    )
  }
}